<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a:hover{
            color: red;
        }
        * {
            margin: 0;
            padding: 0;
            outline: none;
            box-sizing: border-box;
            list-style: none;
        }

        #aa {
            width: 330px;
            border: 1px solid #3f89ec;
            height: 340px;
            position: absolute;
            left:0px;
            top:0px;
            right:0px;
            bottom:0px;
            margin: auto;
            background: linear-gradient(to bottom,#71c9f9,#e4f5fe,#ffffff);
            padding-left: 20px;
            line-height: 40px;
        }
        a{
            text-decoration: none;
        }
        img{

            vertical-align: middle;
        }
        span{
            text-indent: 5em;
            color: white;
        }


    </style>
</head>
<body>
    <div id="aa">
        <div >

       <img src="../img3-1/bg.gif" name="shu" class="x">
            <span class="a">中心开班信息</span>
    </div>
        <ul >
            <li class="b"><a href="#"> 8月12日：学历+技能班</a></li>
            <li class="c"><a href="#">8月16日：高考特招班</a></li>
            <li class="d"><a href="#">8月23日：Java精英班</a></li>
            <li class="e"><a href="#">8月31日：学士后强化班</a></li>
            <li class="f"><a href="#">9月5日：大学生就业班</a></li>
            <li class="g"><a href="#">9月9日：企业定向委培班</a></li>
            <li class="h"><a href="#">9月16日：网络营销强化班</a></li>
        </ul>

    </div>


</body>
</html>

<!--中心开班信息-->

<!--8月12日：学历+技能班-->
<!--8月16日：高考特招班-->
<!--8月23日：Java精英班-->
<!--8月31日：学士后强化班-->
<!--9月5日：大学生就业班-->
<!--9月9日：企业定向委培班-->
<!--9月16日：网络营销强化班-->
